<template>
	<div class="header-box">
		<header>
			<!-- 向上滚动 -->
			<div class="nav">
				<router-link to="/">
					<img src="../assets/logo.jpg" alt="logo">
				</router-link>
				<nav>
					<a href="">设置</a>
				</nav>
			</div>
			<!-- 向下滚动 -->
			<div class="subtitle">

			</div>
		</header>
	</div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.header-box {
	margin: 0 -15px;
	box-shadow: 0 1px 3px rgba(30, 30, 30, .2);

	header {
		.size(990px, 52px);
		margin: 0 auto;
	}
}

.nav {
	display: flex;

	>a>img {
		display: block;
		height: 52px;
	}
}</style>
